<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="author" content="Kodinger">
<meta name="keyword" content="Kodinger, template, html5, css3, bootstrap4">
<meta name="description" content="HTML5 and CSS3 Template Based on Bootstrap 4">
<title>Home</title>
<link rel="stylesheet" href="ionicons/css/ionicons.min.css">
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="sweetalert/dist/sweetalert.css">
<link rel="stylesheet" href="css/stisla.css">
</head>

<body>
<nav class="navbar navbar-expand-lg main-navbar">
	<div class="container-fluid">
	  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
		<span class="navbar-toggler-icon">
			<i class="ion-navicon"></i>
		</span>
	  </button>
	  <div class="collapse navbar-collapse" id="navbarNav">
		  <div class="mr-auto"></div>
		<ul class="navbar-nav">
		  <li class="nav-item active">
			<a class="nav-link smooth-link" href="#hero">主页</a>
		  </li>
		  <li class="nav-item">
			<a class="nav-link smooth-link" href="#features">个人信息</a>
		  </li>
		  <li class="nav-item">
			<a class="nav-link smooth-link" href="#blog">我的爱好</a>
		  </li>
		  <li class="nav-item">
			<a class="nav-link smooth-link" href="#project">博客论坛</a>
		  </li>
			<li class="nav-item">
				<a class="nav-link smooth-link" href="../contact.jsp">返回论坛</a>
			</li>
			<li class="nav-item">
				<a class="nav-link smooth-link" href="../chatroom.jsp">进入聊天室</a>
			</li>
		</ul>
		<form class="form-inline">
			<a href="#contact" class="btn smooth-link align-middle btn-primary">Need Help?</a>
		</form>
	  </div>
  </div>
</nav>
<section class="hero bg-overlay" id="hero" data-bg="img/hero.jpeg">
	<div class="text py-5">
		<p class="lead">欢迎来到陈sir的个人博客</p>
		<h1>我是 <span class="bold">陈sir</span>,来自<span class="bold">四川轻化工大学</span>.</h1>
		<div class="cta">
			<a href="#features" class="btn btn-primary smooth-link">让我们开始吧</a>

		</div>
	</div>
</section>

<section class="padding" id="features">
	<div class="container">
		<div class="row">
			<div class="col-12 col-md-4 col-sm-12">
				<div class="list-item">
					<div class="icon">
						<i class="ion-code"></i>
					</div>
					<div class="desc">
						<h2>来自四川南充</h2>
						<p>
							南充历史悠久，文化底蕴深厚，是三国文化和春节文化的发祥地。
							南充的建城史可以追溯到汉高祖公元前202年设立的安汉，迄今已有2220多年。
							南充的民风淳朴，民俗优雅，三国文化、丝绸文化、红色文化和嘉陵江文化交融生辉。
						</p>
						<a href="https://baike.baidu.com/item/%E8%B5%84%E9%98%B3%E5%B8%82?fromModule=lemma_search-box" class="more">了解更多</a>
					</div>
				</div>
			</div>
			<div class="col-12 col-md-4 col-sm-12">
				<div class="list-item">
					<div class="icon">
						<i class="ion-social-github"></i>
					</div>
					<div class="desc">
						<h2>个人爱好</h2>
						<p>
							钓鱼：请叫我钓王
						</p>
						<a href="#" class="more">了解更多</a>
					</div>
				</div>
			</div>
			<div class="col-12 col-md-4 col-sm-12">
				<div class="list-item no-spacing">
					<div class="icon">
						<i class="ion-paintbrush"></i>
					</div>
					<div class="desc">
						<h2>喜欢的书籍</h2>
						<p>
							《资治通鉴》:一部涵盖了从周代到宋代的历史史学名著，是中国史学的经典之作。
						</p>
						<a href="#" class="more">了解更多</a>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>

<section class="padding bg-grey" id="blog">
	<div class="container">
		<h2 class="section-title">钓鱼佬直播，我钓鱼大师的身份被曝光了</h2>
		<p class="section-lead text-muted">钓鱼佬永不空军！ 我穿越了，穿越到了那个激情岁月的年代。 谁料意外获得了一个鱼雷达系统。 于是乎，陈sir踏上了钓鱼之路…. </p>
		<div class="section-body">
			<div class="row col-spacing">
				<div class="col-12 col-md-6 col-lg-4">
					<article class="card">
					  <img class="card-img-top" src="img/news/img01.png" alt="Article Image">
					  <div class="card-body">
						  <div class="card-subtitle mb-2 text-muted">by <a href="#">陈sir</a> on December 10, 2024</div>
						<h4 class="card-title"><a href="#" data-toggle="read" data-id="1">为什么现在喜欢钓鱼的年轻人越来越多？</a></h4>
						<p class="card-text">你以为的年轻人钓鱼：死等、死守，坐在那里一言不发。
							实际上的钓鱼人：走到哪，看见有人钓鱼，无论认识还是不认识，都会问一句：
							师傅，有口没，或者一起钓的次数多了，偶尔交流经验，互相帮助，互相踩点。</p>
						<div class="text-right">						    	
							<a href="#" class="card-more" data-toggle="read" data-id="1">了解更多<i class="ion-ios-arrow-right"></i></a>
						</div>
					</div>
				  </article>
			  </div>
			  <div class="col-12 col-md-6 col-lg-4">
					<article class="card">
					  <img class="card-img-top" src="img/news/img04.png" alt="Article Image">
					  <div class="card-body">
						  <div class="card-subtitle mb-2 text-muted">by <a href="#">陈sir</a> on December 10, 2024</div>
						  <h4 class="card-title"><a href="#" data-toggle="read" data-id="1">为什么现在喜欢钓鱼的年轻人越来越多？</a></h4>
						  <p class="card-text">我发现 各种圈子中 只有钓鱼是没有鄙视链的
							  钓鱼不管你是玩什么。不管你多少钱，不管你是路亚，台钓，传统钓，飞钓
							  ，海竿还是什么乱七八糟的杆子或者钓法，不管你身家，不管你地位，
							  只要你钓到鱼，你就是NB。</p>
						<div class="text-right">						    	
							<a href="#" class="card-more" data-toggle="read" data-id="1">了解更多<i class="ion-ios-arrow-right"></i></a>
						</div>
					</div>
				  </article>
				</div>
				<div class="col-12 col-md-6 col-lg-4">
					<article class="card">
					  <img class="card-img-top" src="img/news/img02.png" alt="Article Image">
					  <div class="card-body">
						  <div class="card-subtitle mb-2 text-muted">by <a href="#">陈sir</a> on December 10, 2024</div>
						  <h4 class="card-title"><a href="#" data-toggle="read" data-id="1">为什么现在喜欢钓鱼的年轻人越来越多？</a></h4>
						  <p class="card-text">在这个游戏里，氪佬也不一定能打赢平民玩家，
							  坐在河边一天，不想乱七八糟的事，安安静静的盯着水面整个人精神很放松。当然中鱼的感觉更好。
							  我想喜欢钓鱼的人大概都是想躲避在一个舒服的环境里，放松一下吧。沉淀下浮躁的自己！</p>
						<div class="text-right">						    	
							<a href="#" class="card-more" data-toggle="read" data-id="1">了解更多<i class="ion-ios-arrow-right"></i></a>
						</div>
					</div>
				  </article>
			  </div>
			  <div class="col-12 col-md-6 col-lg-4">
					<article class="card">
					  <img class="card-img-top" src="img/news/img05.png" alt="Article Image">
					  <div class="card-body">
						  <div class="card-subtitle mb-2 text-muted">by <a href="#">陈sir</a> on December 10, 2024</div>
						  <h4 class="card-title"><a href="#" data-toggle="read" data-id="1">为什么现在喜欢钓鱼的年轻人越来越多？</a></h4>
						  <p class="card-text">在中国，钓鱼是最接近打猎的运动。

							  上一代人，还有过捕猎经验，如今法规严明，年轻人没机会了。

							  我不是说爱钓鱼的人都是爱打猎的人，我是说爱打猎的人，有很大一部分被逼到钓鱼圈子里去了。

							  毕竟捕猎，是男性的天性。</p>
						<div class="text-right">						    	
							<a href="#" class="card-more" data-toggle="read" data-id="1">了解更多<i class="ion-ios-arrow-right"></i></a>
						</div>
					</div>
				  </article>
				</div>
				<div class="col-12 col-md-6 col-lg-4">
					<article class="card">
					  <img class="card-img-top" src="img/news/img03.png" alt="Article Image">
					  <div class="card-body">
						  <div class="card-subtitle mb-2 text-muted">by <a href="#">陈sir</a> on December 10, 2024</div>
						  <h4 class="card-title"><a href="#" data-toggle="read" data-id="1">为什么现在喜欢钓鱼的年轻人越来越多？</a></h4>
						  <p class="card-text">从古至今，无论达官显贵、文人墨客，还是布衣庶民、樵人农夫，只要往水边一坐，“在鱼儿面前人人平等”。
							  以垂钓的方式走近大自然，融入天地中，乐在盈盈一水间，与鱼儿斗智，与山水对话，
							  在花香鸟语、风吟浪声中感悟风景的暗示。</p>
						<div class="text-right">						    	
							<a href="#" class="card-more" data-toggle="read" data-id="1">了解更多<i class="ion-ios-arrow-right"></i></a>
						</div>
					</div>
				  </article>
			  </div>
			  <div class="col-12 col-md-6 col-lg-4">
					<article class="card">
					  <img class="card-img-top" src="img/news/img06.png" alt="Article Image">
					  <div class="card-body">
						  <div class="card-subtitle mb-2 text-muted">by <a href="#">陈sir</a> on December 10, 2024</div>
						  <h4 class="card-title"><a href="#" data-toggle="read" data-id="1">为什么现在喜欢钓鱼的年轻人越来越多？</a></h4>
						  <p class="card-text">1、钓罢归来不系船，江村月落正堪眠。

							  2、幽寻自笑本无事，羽扇筇枝上钓船。

							  3、咸阳桥上雨如悬，万点空漾隔钓船。

							  4、嘉彼钓叟，得鱼忘笙。

							  5、云中锡，溪头钓，涧边琴。

							  6、一蓑一笠一扁舟，一丈丝纶一渔钩。</p>
						<div class="text-right">						    	
							<a href="#" class="card-more" data-toggle="read" data-id="1">了解更多<i class="ion-ios-arrow-right"></i></a>
						</div>
					</div>
				  </article>
				</div>
			</div>
		</div>

		<div class="row align-items-center mt-5">
			<div class="col-12 col-md-6">
				<h2>如果你想和我交流钓鱼的心得</h2>
				<p class="text-muted">请输入你的邮箱，我会联系你</p>
			</div>
			<div class="col-12 col-md-6">
				<form class="subscribe" action="#">
					<input type="email" name="email" class="form-control" placeholder="你的邮箱">
					<button class="btn btn-primary">发送</button>
				</form>
			</div>
		</div>
	</div>
</section>

<section class="bg-overlay padding" id="project" data-bg="img/projects.jpeg">
	<div class="container">
		<div class="row align-items-center">
			<div class="col-12 col-md-6">
				<figure class="projects-picture">
					<img src="img/youzhang.png" alt="Youzhang">
				</figure>
			</div>
			<div class="col-12 col-md-6">
				<div class="projects-details">
					<div class="projects-badge">
						博客论坛
					</div>
					<h2 class="projects-title">作为咱就是说怎么个事小组的成员，请让我为你推荐我们的的博客空间</h2>
					<p class="projects-description">
						通过我们的的博客空间，用户能够分享自己的生活点滴、兴趣爱好、观点见解等，
						也可以关注自己感兴趣的领域、名人、机构等，获取最新的资讯和动态。我们的的博客空间
						上的内容涵盖了新闻、娱乐、科技、体育、时尚等多个领域，使得用户能够在一个平台上获取到多元化的信息。
					</p>
					<div class="projects-cta">
						<a href="#" class="btn btn-primary" target="_blank">
							立刻开始使用
						</a>
						<a href="#" class="btn btn-link" target="_blank">
							暂不使用
						</a>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>

<section class="padding bg-grey" id="contact">
	<div class="container">
		<h2 class="section-title text-center">，如果你有新闻或者娱乐新闻，也联系我们</h2>
		<p class="section-lead text-center text-muted">发送你的姓名，新闻内容等信息，我们将在第一时间联系你</p>
		<div class="section-body">				
			<div class="row col-spacing">
				<div class="col-12 col-md-5">
					<p class="contact-text">你可以将投稿给我们，我们工作时间为 09:00 到 17:00.</p>
					<ul class="contact-icon">
						<li><i class="ion ion-ios-telephone"></i> <div>000-652652652</div></li>
						<li><i class="ion ion-ios-email"></i> <div>hi.yuanshen@mihoyo.com</div></li>
					</ul>
					
				</div>
				<div class="col-12 col-md-7">
					<form class="contact row" id="contact-form">
						<div class="form-group col-6">
							<input type="text" class="form-control" placeholder="姓名" name="name" required="">
						</div>
						<div class="form-group col-6">
							<input type="email" class="form-control" placeholder="邮箱" name="email" required="">
						</div>
						<div class="form-group col-12">
							<input type="text" class="form-control" placeholder="联系电话" name="subject" required="">
						</div>
						<div class="form-group col-12">
							<textarea class="form-control" placeholder="新闻信息" name="message" required></textarea>
						</div>
						<div class="form-group col-12 mt-2">
							<button class="btn btn-primary">
								发送
							</button>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</section>


<footer>
	<div class="container">
		<p>ChenSir &copy; 2024.Company name 652QINGHUA.<a target="_blank" href="https://www.suse.edu.cn/">652</a></p>
	</div>
</footer>

<script src="js/jquery.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script src="js/jquery.easeScroll.js"></script>
<script src="sweetalert/dist/sweetalert.min.js"></script>
<script src="js/stisla.js"></script>
</body>
</html>
